<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>oncallfood app</title>
<script type="text/javascript" charset="utf-8"
	src="../js/phonegap-1.0.0.js"></script>
<link rel="stylesheet"
	href="../js/jquery.mobile-1.0.1.min.css" />
<script type="text/javascript"
	src="../js/jquery.js"></script>
<script type="text/javascript"
	src="../js/jquery.mobile-1.0.1.min.js"></script>
	
</head>
<body>
	<div data-role="page" id="mian_page">
		<header data-role="header">
        	<h1>Android 点餐系统 </h1>
    	</header>

		<div data-role="content">	
			<ul data-role="listview" data-inset="true" >
				<li><a href="#lucai_page" data-transition="slide">鲁菜食谱</a></li>
				<li><a href="#chuancai_page" data-transition="slide">川菜食谱</a></li>
				<li><a href="#yuecai_page" data-transition="slide">粤菜食谱</a></li>
				<li><a href="#sucai_page" data-transition="slide">苏菜食谱</a></li>
				<li><a href="#mincai_page" data-transition="slide">闽菜食谱</a></li>
				<li><a href="#zhecai_page" data-transition="slide">浙菜食谱</a></li>
				<li><a href="#xiangcai_page" data-transition="slide">湘菜食谱</a></li>
				<li><a href="#huicai_page" data-transition="slide">徽菜食谱</a></li>
			</ul>
		</div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	<!-- 鲁菜页面 -->
	<div data-role="page" id="lucai_page"  >
		<header data-role="header"  data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left" >返回</a>
        	<h1>鲁菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/lucai/hutouji.jpg" style="width: 80px; height: 80px" />
                    	虎头鸡
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/lucai/shenjingchaojiz.jpg" style="width: 80px; height: 80px" />
                    	什锦炒鸡胗
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/lucai/huangjiushaodaiyu.jpg" style="width: 80px; height: 80px" />
                     	黄酒烧带鱼
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/lucai/douguwuhuarou.jpg" style="width: 80px; height: 80px" />
                    	豉椒五花肉
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/lucai/shenjingfengwodoufu.jpg" style="width: 80px; height: 80px" />
                    	什锦蜂窝豆腐
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/lucai/jiaodongdoufuxie.jpg" style="width: 80px; height: 80px" />
                    	胶东豆腐蟹
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 川菜页面 -->
	<div data-role="page" id="chuancai_page">
		<header data-role="header"  data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>川菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/chuancai/chuanxiangmalaban.jpg" style="width: 80px; height: 80px" />
                    	川香麻辣拌
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/chuancai/malakoushuiji.jpg" style="width: 80px; height: 80px" />
                    	麻辣口水鸡
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/chuancai/chuanxiangdouhua.jpg" style="width: 80px; height: 80px" />
                     	川香豆花
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/chuancai/chongqinquanshuiji.jpg" style="width: 80px; height: 80px" />
                    	重庆泉水鸡
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/chuancai/baojiaojizhua.jpg" style="width: 80px; height: 80px" />
                    	泡椒鸡爪
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/chuancai/chuanxiangqibei.jpg" style="width: 80px; height: 80px" />
                    	川湘鳝背
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 粤菜页面 -->
	<div data-role="page" id="yuecai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		    <a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>粤菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/yuecai/zhushoumenlianou.jpg" style="width: 80px; height: 80px" />
                    	猪手焖莲藕
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/yuecai/dongpozhouzi.jpg" style="width: 80px; height: 80px" />
                    	东坡肘子
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/yuecai/fotiaoqiang.png" style="width: 80px; height: 80px" />
                     	佛跳墙
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/yuecai/luohanzai.jpg" style="width: 80px; height: 80px" />
                    	罗汉斋
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/yuecai/cuipiji.jpg" style="width: 80px; height: 80px" />
                    	脆皮鸡
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/yuecai/baizhanji.jpg" style="width: 80px; height: 80px" />
                    	白斩鸡
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 苏菜页面 -->
	<div data-role="page" id="sucai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>苏菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/sucai/yangpaidunjiyu.jpg" style="width: 80px; height: 80px" />
                    	羊排炖鲫鱼
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/sucai/chaowanyusi.jpg" style="width: 80px; height: 80px" />
                    	炒鲩鱼丝
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/sucai/xianglabaoluoshi.jpg" style="width: 80px; height: 80px" />
                     	香辣爆螺狮
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/sucai/maodoushaoji.jpg" style="width: 80px; height: 80px" />
                    	毛豆烧鸡
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/sucai/xiaochaosushenjing.jpg" style="width: 80px; height: 80px" />
                    	小炒素什锦
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/sucai/taiyeji.gif" style="width: 80px; height: 80px" />
                    	太爷鸡
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 闽菜页面 -->
	<div data-role="page" id="mincai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>闽菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/mincai/shuitangfacaibaoyu.jpg" style="width: 80px; height: 80px" />
                    	氽汤发菜鲍鱼
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/mincai/wucaizhenzukou.jpg" style="width: 80px; height: 80px" />
                    	五彩珍珠扣
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/mincai/dungudangguiya.png" style="width: 80px; height: 80px" />
                     	炖盅当归鸭
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/mincai/lajiangshenjingban.jpg" style="width: 80px; height: 80px" />
                    	辣酱什锦拌
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/mincai/niaobeihuaxiang.jpg" style="width: 80px; height: 80px" />
                    	鸟贝花香
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/mincai/douxiangpinziyu.jpg" style="width: 80px; height: 80px" />
                    	豉香平子鱼
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 浙菜页面 -->
	<div data-role="page" id="zhecai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>浙菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/zhecai/sanxiangchaochunshun.jpg" style="width: 80px; height: 80px" />
                    	三鲜炒春笋
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/zhecai/ganguojiangxiangshanyu.jpg" style="width: 80px; height: 80px" />
                    	干锅酱香鳝鱼
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/zhecai/daoxiangzhenghuangyu.jpg" style="width: 80px; height: 80px" />
                     	稻香蒸黄鱼
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/zhecai/hexiangfengelong.jpg" style="width: 80px; height: 80px" />
                    	荷香风鹅笼
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/zhecai/furongdan.jpg" style="width: 80px; height: 80px" />
                    	芙蓉蛋
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/zhecai/yangfangcangyu.jpg" style="width: 80px; height: 80px" />
                    	羊方藏鱼
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
	
		<!-- 湘菜页面 -->
	<div data-role="page" id="xiangcai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>湘菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/xiangcai/youdoufushaorou.jpg" style="width: 80px; height: 80px" />
                    	油豆腐烧肉
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/xiangcai/shuizhushuangkouxiapian.jpg" style="width: 80px; height: 80px" />
                    	水煮爽口虾片
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/xiangcai/fanqieyaoliu.jpg" style="width: 80px; height: 80px" />
                     	番茄腰柳
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/xiangcai/nanjiecaimeibing.png" style="width: 80px; height: 80px" />
                    	南荠草莓饼
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/xiangcai/bingtanglianzi.png" style="width: 80px; height: 80px" />
                    	冰糖莲子
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/xiangcai/changshakouweixia.png" style="width: 80px; height: 80px" />
                    	长沙口味虾
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
	
		<!-- 徽菜页面 -->
	<div data-role="page" id="huicai_page">
		<header data-role="header" data-nobackbtn="true" data-position="inline">
		<a href="#" data-icon="arrow-l" data-rel="back" class="ui-btn-left">返回</a>
        	<h1>徽菜食谱 </h1>
    	</header>

		<div data-role="content">
            <fieldset class="ui-grid-b">
                <div class="ui-block-a">
                    <img alt="" src="../images/huicai/yunwurou.jpg" style="width: 80px; height: 80px" />
                    	云雾肉
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/huicai/jixichaofensi.jpg" style="width: 80px; height: 80px" />
                    	绩溪炒粉丝
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/huicai/baochaomaanshan.jpg" style="width: 80px; height: 80px" />
                     	爆炒马鞍鳝
                </div>
                <div class="ui-block-a">
                    <img alt="" src="../images/huicai/shuangbaochuangfei.jpg" style="width: 80px; height: 80px" />
                    	双爆串飞
                </div>
                <div class="ui-block-b">
                    <img alt="" src="../images/huicai/youwucuipiya.jpg" style="width: 80px; height: 80px" />
                    	油焐脆皮鸭
                </div>
                <div class="ui-block-c">
                    <img alt="" src="../images/huicai/xianglayutou.jpg" style="width: 80px; height: 80px" />
                    	香辣鱼头
                </div>
            </fieldset>
           </div>
		 <footer data-role="footer" data-position="fixed" data-id="myfooter">
        	 <div data-role="navbar">
      			<ul>
         			<li><a href="complaints_proposals.html" data-rel="dialog" data-transition="slideup">投诉建议</a></li>
         			<li><a href="contact_us.html" data-rel="dialog" data-transition="slideup">联系我们</a></li>
      			</ul>
   			</div>
    	</footer>
	</div>
</body>
</html>